<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <script src="../../utils.js"></script>
</head>
<body>
    <button onclick="sendMsg()">发送请求</button>
    <div id="phone">
        <p>4</p>
        <p>华为</p>
        <p>4000</p>
    </div>
    <script>
        function sendMsg () {
            utils.get('./05.php', { id: 6 }, (resp) => {
                // resp是形参，接受的是后端返回过来的数据
                console.log(resp)
                document.querySelector('#phone').innerHTML = `
                    <p>${resp.id}</p>
                    <p>${resp.title}</p>
                    <p>${resp.price}</p>
                `
            })
            // 第四个参数传了false意味着resp拿到的就是不解析的值
            // utils.get('./05.php', { id: 6 }, (resp) => {
            //     // resp是形参，接受的是后端返回过来的数据
            //     console.log(resp)
            // }, false)
        }
    </script>
</body>
</html>